<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页面</title>
</head>
<body>
    <form>
        <!--required:必须，form自带的验证操作，
        如果required输入框不填写内容form表单不回提交;

        用户名：数字字母组合，长度6-12:
        pattern:可以通过正则表达式限制输入内容

        正则表达式：就是按照某种规则书写的字符串;
        正则表达式可以用于判断某个字符串是否符合要求

        在正则表达式中字符都有特定的含义，需要使用的时候，可以问度娘
        -->
        用户名:<input type="text" required pattern="[0-9a-zA-Z]{6,12}" name="name"><br><br>
        密码:<input type="text" required pattern="[0-9a-zA-Z]{6,12}" name="password"><br><br>
        确认密码:<input type="text" required name="confirm"><br><br>
        手机号:<input type="text" pattern="^1[3|4|5|7|8][0-9]{9}$" name="phone"><br><br>
        年龄:<input type="number" min="0" max="150" name="age"><br><br>
        <input type="submit" value="注册">
    </form>
    <script src="js/register.js"></script>   
</body>
</html>